<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

<style type="text/css">

    body{
        background-image: url("./images/bg.jpg");
    }
    .login-wrapper{
        background-color: burlywood;
        width: 400px;
        height: 250px;
        margin: auto;
        margin-top: 300px;
        border-radius: 10px;
    }
    form{
        width: 300px;
        margin: auto;
    }
    form input{
        margin-left:10px;
        width:240px;
        margin-bottom: 20px;
    }
    form button{
        margin-left: 40px;
        width: 240px;
        margin-bottom: 20px;
    }

</style>
<title>用户登录</title>
</head>
<body>
<div class="login-wrapper">
    <h4 style="text-align: center;color: burlywood;padding-bottom: 15px;display: block;font-size: 18px;border-bottom: 2px solid #fff">用户登录</h4>
    <form>
        <label>账号</label><input type="text" value="" placeholder="请输入账号"><br>
        <label>密码</label><input type="text" value="" placeholder="请输入密码">
        <button>登录</button>
    </form>
</div>
</body>
</html>